<!-- 首页轮播图模块 -->
<template>
  <div class="carousel">
    <van-swipe :autoplay="3000" indicator-color="#e11900">
      <van-swipe-item v-for="(item, index) in banner.extInfo.banners" :key="index">
        <img v-lazy="item.pic" />
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
export default {
  props:['banner']
};
</script>

<style lang="less" scoped>
.carousel {
  padding: 2.666vw;
  height: 150px;
  .van-swipe {
    height: 100%;
    border-radius: 10px;
    img {
      width: 100%;
      height: 100%;
    }
  }
}
</style>